<template>
    <view class="content">
		<view class="ul">
			{{userJson}}
		</view>
        <view class="btn-row">
			<button v-if="!hasLogin" type="primary" class="primary" @tap="bindLogin">登录</button>
            <button v-if="hasLogin" type="default" @tap="bindLogout">退出登录</button>
        </view>
		
    </view>
</template>

<script>
    import {
        mapState,
        mapMutations
    } from 'vuex';
	import service from '../../service.js';
    export default {
		data() {
			return {
				userJson: ''
			}
		},
        computed: {
            ...mapState(['hasLogin', 'forcedLogin','userId','token','userName'])
        },
		onShow: function(){
			console.log("onshow")
			//this.userJson = JSON.stringify(service.getUsers())
			this.userJson = this.userId + " " + this.token + " " + this.userName;
			console.log(this.userJson)
		},
        methods: {
            ...mapMutations(['logout']),
			
            bindLogin() {
                uni.navigateTo({
                    url: '../login/login',
                });
            },
            bindLogout() {
                this.logout();
                /**
                 * 如果需要强制登录跳转回登录页面
                 */
                if (this.forcedLogin) {
                    uni.reLaunch({
                        url: '../login/login',
                    });
                }
            }
        }
    }
</script>

<style>

</style>
